#fontFn(@size) {
    font-size: @size+0px;
  }
  
  #border-content-top(@size: 1px, @color: #E5E5E5) {
    position: relative;
  
    &::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      border: 0 solid @color;
      border-top-width: @size;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      content: '';
    }
  }
  
  #border-content-bottom(@size: 1px, @color: #E5E5E5) {
    position: relative;
  
    &::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border: 0 solid @color;
      border-top-width: @size;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      content: '';
    }
  }
  
  #border-content-left(@width: 6px, @height: 24px, @color: #3088ff) {
    position: relative;
  
    &::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: @width;
      height: @height;
      background: @color;
      transform: translateY(-50%);
      content: '';
    }
  }
  
  /*项目不可扩大，当项目不足$width时，可缩小*/
  #juxt-layout($width) {
    flex: 0 1 $wdth;
  }
  
  #full-layout($width) {
    flex: 1 1 $wdth;
  }
  
  //多行超出省略号
  #ellipsis-lines(@line : 2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @line;
  }
  
  //单行超出省略号
  #ellipsis() {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  
  // 禁用按钮样式
  #buttonDisabled() {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    border: unset;
  }
  
  // 垂直居中flex
  #flexCenter () {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  